body {
    padding-top:70px;
}

h4 {
    color: #ff8b3a;
    margin-left: -30px;
}

h5
{
    font-size: 15px;
    font-weight: 600;
}

.navbar{
    background-color: #383838;
}

.navbar-brand{
    padding:0px;
}

.navbar-brand > img{
    height:100%;
    width:auto;
}

.navbar-header > button > .icon-bar{
    background-color: #ffc196 !important;
}

.navbar-header > button:hover,
.navbar-header > button:focus{
    background-color: #ffc196 !important;
}

.navbar-header > button:hover > .icon-bar,
.navbar-header > button:focus > .icon-bar{
    background-color: #383838 !important;
}

.navbar-nav > .dropdown > .dropdown-menu{
    background-color: #383838;
}

.navbar-nav > li > a,
.navbar-nav > .dropdown > .dropdown-menu > li > a{
    color: #ffc196 !important;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus,
.navbar-nav > .dropdown > .dropdown-menu > li > a:hover,
.navbar-nav > .dropdown > .dropdown-menu > li > a:focus{
    color: #383838 !important;
    background-color: #ffc196 !important;
}

.btn-primary{
    background-color: #ffc196 !important;
    color: #383838 !important;
    border-color:#383838;
}

.btn-secondary{
    background-color: #ffffff !important;
    color: #383838 !important;
    border-color:#383838;
}

.btn-sm-action{
    min-width:25px;
    height:25px;
    background-color: #ffffff !important;
    color: #383838 !important;
    border: 1px solid;
    border-radius:5px;
    padding:0px 5px 0px 5px;
}

.btn-sm-action:hover{
    background-color: #ffc196 !important;
}

.btn-row{
    white-space: nowrap;
}

.image-preview{
    border: 1px solid;
    width:300px;
    height:300px;
}

.image-preview > *{
    max-width:300px;
    max-height:300px;
}

.image-preview-thumb{
    border: 1px solid;
    width:100px;
    height:100px;
}

.image-preview-thumb > *{
    max-width:100px;
    max-height:100px;
}

.image-preview-thumb-wide{
    border: 1px solid;
    width:100px;
    height:27px;
}

.image-preview-thumb-wide > *{
    max-width:100px;
    max-height:27px;
}

.list-group-item-action{
    background-color: #383838 !important;
    color: #ffc196 !important;
    border-color:#383838;
}

.list-group-item-action:hover{
    background-color: #ffc196 !important;
    color: #383838 !important;
    border-color:#383838;
}

.list-group-item-action.active{
    background-color: #ffc196 !important;
    color: #383838 !important;
    border-color:#383838;
}

.list-group-item-action.active:hover{
    background-color: #ffc196 !important;
    color: #383838 !important;
    border-color:#383838;
}

.card > .list-group-item-action{
    background-color: #505050 !important;
    color: #ffc196 !important;
    border-color:#383838;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
    border-top-right-radius:0px;
    border-top-left-radius:0px;
}

.card > .list-group-item-action.active{
    background-color: #ffc196 !important;
    color: #383838 !important;
    border-color:#383838;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
    border-top-right-radius:0px;
    border-top-left-radius:0px;
}

.card > .list-group-item-action:hover{
    background-color: #ffc196 !important;
    color: #383838 !important;
    border-color:#383838;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
    border-top-right-radius:0px;
    border-top-left-radius:0px;
}

.row.expanded{
    width:120%;
    margin-left:-10%;
}

.table > thead{
    background-color: #383838 !important;
}

.table > thead th{
    color: #ffc196 !important;
}

.status-icon-ok{
    background-color: #5cb85c;
}

.status-icon-nok{
    background-color: #d9534f;
}

.status-icon-pending{
    background-color: #f0ad4e;
}

.status-icon-blocked{
    background-color: #f0ad4e;
}

.status-icon-ok,
.status-icon-nok,
.status-icon-pending,
.status-icon-blocked{
    margin:0 auto;
    width:20px;
    height:20px;
    border-radius:50%;
}

.status-icon-ok > i,
.status-icon-nok > i,
.status-icon-pending > i,
.status-icon-blocked > i{
    width:100%;
    height:100%;
    text-align: center;
    vertical-align: 5%;
    color: #ffffff;
}

[v-cloak]{
    display:none;
}

.entity-info-title{
    background-color: #383838;
}

.entity-info-title > span{
    color: #ffc196;
    font-weight:bold;
}

.entity-info{
    background-color: #f0f0f0;
}

.entity-info-title,
.entity-info{
    margin:1px 1px 1px 1px;
}

.entity-info-title > span,
.entity-info > span{
    line-height:30px;
    white-space: nowrap;
}

.nav-divider{
    background-color:#ffc196 !important;
}

.btn[disabled]{
    cursor:default;
    opacity: 0.4;
}

.dropdown-menu{
    overflow:scroll;
    max-height:350px;
}

.btn-choose-icon{
    height:60px;
    line-height: 30px;
    text-align: center;
}

.btn-choose-icon > span{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}